<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Turning a Grid/Graph into a widget</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
ul.whs1 { list-style:disc; }
ol.whs2 { list-style:decimal; }
-->
</style><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nProviding Flash-based analysis and interactivity: Widgets\nTurning a Grid/Graph into a widget\nTurning a Grid/Graph into a widget");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>Turning a Grid/Graph into a widget</h1>
<p>You can turn any existing Grid/Graph in your document into a widget 
 that is displayed in MicroStrategy Web, as long as the Grid/Graph meets 
 the data requirements for the selected type of widget. For example, your 
 document contains a Grid/Graph with the Region attribute on the rows and 
 the Profit Margin metric on the columns. You can assign a Gauge widget 
 to this Grid/Graph. When you open the document in MicroStrategy Web, the 
 Grid/Graph is no longer displayed as a Grid/Graph but rather as a Gauge 
 widget. Viewing the widget in MicroStrategy Web allows you to better visualize 
 the metric data in the Grid/Graph.</p>
<h2>Prerequisites</h2>
<ul type="disc" class="whs1">
	
<li class=p><p>This procedure assumes that a Grid/Graph is already 
 in the document. For steps, see 
<a HREF="Add_GG_to_documents.htm">Adding 
 Grid/Graphs to documents</a>.</p></li>
</ul>
<h2>To turn a Grid/Graph into a widget</h2>
<ol type="1" class="whs2">
	
<li class=p><p>Open the document in <span style="font-weight: bold;"><B>Design 
 </B></span>or <span style="font-weight: bold;"><B>Editable Mode</B></span>. </p></li>
	
<li class=p><p>Right-click the Grid/Graph that you want to turn into 
 a widget, and select <span style="font-weight: bold;"><B>Properties and Formatting</B></span>. 
 The Properties and Formatting dialog box is displayed.</p></li>
	
<li class=p><p>From the left, select <span style="font-weight: bold;"><B>Flash</B></span>.</p></li>
	
<li class=p><p>From the <span style="font-weight: bold;"><B>Selected Widget</B></span> 
 drop-down list, select the type of widget you want to turn the Grid/Graph 
 into.</p></li>
	
<li class=p><p>Click <span style="font-weight: bold;"><B>OK</B></span> to 
 apply the changes to the Grid/Graph.</p></li>
	
<li class=p><p>View and test your results in one of two ways: </p></li>
	<ul>
<li style="list-style: disc;" type=disc class=p><p>Select <span 
 style="font-weight: bold;"><B>Flash Mode</B></span> from the <span style="font-weight: bold;"><B>Home</B></span> 
 menu. </p></li>
		
<li class=p-TopicTextBulleted2><p class=TopicTextBulleted2>If Flash 
 Mode is not available in the Home menu, you must make Flash Mode available 
 in the document. For steps, see 
<a HREF="Defining_available_display_modes.htm">Defining 
 which display modes are available to users</a>.</p></li>
		
<li style="list-style: disc;" type=disc class=p><p>Select <span 
 style="font-weight: bold;"><B>Interactive Mode</B></span> from the <span style="font-weight: bold;"><B>Home</B></span> 
 menu.</p></li>
		
<li class=p-TopicTextBulleted2><p class=TopicTextBulleted2>DHTML 
 must be enabled in order to display widgets in Interactive Mode in MicroStrategy 
 Web. For instructions to enable DHTML, see 
<a href="DHTML-only_features_in_Web.htm">Enabling 
 DHTML in MicroStrategy Web</a>. </p></li>
	</ul>
</ol>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
